<!doctype html>
<html lang="zh-CN">

<head>

  {include file="home_template/mz_static" title="$title" keywords="$site_info.site_seo_keywords"
  description="$site_info.site_seo_description" /}
</head>

<body class="user-select single" style="overflow:hidden;">

  {include file="mz_blog/header" /}

  <section class="container">
    <div class="content-wrap">
      <div class="content" style="width:100%;">





        {if $article.editor_type === 'editormd'}
        <!-- **************************************** EditorMarkdown类型文章 **************************************** -->
        <link rel="stylesheet" href="/sspai.css/sspai.css">
        <link rel="stylesheet" href="__MAINASSETS__/editormd/css/editormd.css" />

        <article class="markdown-body editormd-html-preview" style="margin-bottom:30px;">

          {$article.content_html|raw}

        </article>
        <!-- **************************************** EditorMarkdown类型文章 **************************************** -->
        {/if}





        {if $article.editor_type === 'mavoneditor'}
        <!-- **************************************** MavonEditor类型文章 **************************************** -->
        <link rel="stylesheet" href="__MAINASSETS__/markdown/github-markdown.min.css">
        <link rel="stylesheet" href="__MAINASSETS__/highlight.js-9.12.0/styles/{$article.code_style}.min.css">
        <style>
          .markdown-body .highlight pre,
          .markdown-body pre {
            padding: 0px;
          }

          .markdown-body p {
            text-indent: 0 !important;
          }
        </style>

        <header class="article-header">
          <h1 class="article-title"><a>{$article.title}</a></h1>
          <div class="article-meta">{$article.summary}</div>
        </header>
        <article class="markdown-body article-content" style="margin-bottom:30px;">

          {$article.content_html|raw}

        </article>
        <!-- **************************************** MavonEditor类型文章 **************************************** -->
        {/if}





      </div>
    </div>
  </section>

  {include file="mz_blog/footer" /}

</body>

</html>

<script src="__MAINASSETS__/mz_blog/js/bootstrap.min.js"></script>
<script src="__MAINASSETS__/mz_blog/js/jquery.ias.js"></script>
<script src="__MAINASSETS__/mz_blog/js/scripts.js"></script>

{notempty name="isProhibit"}
{include file="mz_blog/component_prohibit_copy" /}
{/notempty}

{include file="mz_blog/component_message" /}

<script>
  //导航智能定位
  $.fn.navSmartFloat = function () {
    var position = function (element) {
      var top = element.position().top,
        pos = element.css("position");
      $(window).scroll(function () {
        var scrolls = $(this).scrollTop();
        if (scrolls > top) { //如果滚动到页面超出了当前元素element的相对页面顶部的高度
          $("#articlenav").fadeOut(0);
          $("#article_name").fadeIn(500);
          $('.header-topbar').fadeOut(0);
          if (window.XMLHttpRequest) { //如果不是ie6
            element.css({
              position: "fixed",
              top: 0
            }).addClass("shadow");
          } else { //如果是ie6
            element.css({
              top: scrolls
            });
          }
        } else {
          $("#articlenav").fadeIn(500);
          $("#article_name").fadeOut(0);
          $('.header-topbar').fadeIn(500);
          element.css({
            position: pos,
            top: top
          }).removeClass("shadow");
        }
      });
    };
    return $(this).each(function () {
      position($(this));
    });
  };
  //启用导航定位
  $("#navbar").navSmartFloat();
</script>

{include file="mz_blog/component_addlink" /}